<template>
  <!-- 左侧地图容器 -->
  <el-row class="mapWrap">
    <div v-if="$store.getters.getIsGroupUsers && $store.getters.getLocation !== '全国'" style="position: absolute;z-index: 9999;right:5%;top:5%">
      <el-button
        type="text"
        size="medium"
        style="font-size: 18px"
        @click="selectProvince('100000')"
      >全国</el-button>
    </div>
    <SecondChinaMap
      :height="'100%'"
      :width="'100%'"
      @clickOnMapSecond="selectProvince"
    />
  </el-row>
</template>

<script>
  import SecondChinaMap from './SecondChinaMap'
  export default {
    name: "Map",
    components: {
      SecondChinaMap
    },
    methods: {
      selectProvince(code) {
        this.$bus.$emit('locationSelect', code)
      }
    }
  }
</script>

<style scoped>
.mapWrap{
  position: relative;
  height: 60vh;
  background-image: radial-gradient(#18576e, #040417);
  /*background: rgba(0,33,135,0.24);*/
  /*border: 1px solid rgba(14,101,187,0.66);*/
  /*box-shadow: inset 0px 0px 50px 0px rgba(0,12,125,1);*/
}
</style>
